﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>管理后台</title>
    <!--common-->
    <link href="/resources/src/css/admin.css" rel="stylesheet">
</head>
<body class="sticky-header">
    
    <section>
        <div class="left-side sticky-left-side">
            <div class="logo">
                <a href="javascript:;"><img src="//img3.tbcdn.cn/tfscom/TB13UCJKVXXXXaLXpXXSutbFXXX.jpg_100x100.jpg" alt=""></a> 
            </div>            
             <!--sidebar nav start-->
            <ul class="admin-nav">
                <li class="nav-active"><a href="javascript:;">用户管理</a></li>
                <li><a href="javascript:;">项目管理</a></li>
                <li><a href="javascript:;">机构管理</a></li>
                <li><a href="javascript:;">消息管理</a></li>
                <li><a href="javascript:;">用户行为数据</a></li>
                <li><a href="javascript:;">反馈内容</a></li>
                <li><a href="javascript:;">申请试用</a></li>
            </ul>
        </div>

        <div class="main-content">
            <!-- header section start-->
            <div class="header-section">
               <ul class="menu-right">
                   <li><a href="javascript:;"><i class="iconfont icon-user"></i> Soure</a></li>
               </ul>
            </div>
            <!-- header section end-->            
            <div class="wrapper">
                <div class="user-content">
                    <div class="head-cond clearfix">
                        <div class="searchUser clearfix">
                            <input type="text" name="condition" placeholder="用户名/电话/邮箱" id="condition" class="form-contorl" value="">
                            <i class="iconfont icon-sousuo-sousuo" id="searchUser"></i> 
                        </div>
                        <div class="searchTime clearfix">
                            <label for="createTimePicker">创建时间：</label>
                            <input type="text" name="createTimePicker" id="createTimePicker" readonly>
                            <i class="icon-date iconfont icon-rili"></i>
                        </div>
                        <div class="dex_btn">
                            <a href="javascript:;" id="export_user">导出</a>
                            <a href="javascript:;" id="create_user">新建</a>
                        </div>
                    </div>
                    <div class="data-cond clearfix">
                       <div class="wrap">
                           <div class="control-bar clearfix">
                               <div class="checkAll">
                                   <input type="checkbox" id="checkbox-all" class="regular-checkbox">
                                   <label for="checkbox-all"></label>
                               </div>
                               <div class="user-name">用户名</div>
                               <div class="user-type">
                                    <span>用户类型</span>
                                    <i class="iconfont icon-qiehuan"></i>
                                    <ul class="switch_list">
                                        <li class="active" data-id='0'>机构账号0</li>
                                        <li data-id='1'>机构账号1</li>
                                        <li data-id='2'>机构账号2</li>
                                    </ul>
                               </div>
                               <div class="user-email">邮箱</div>
                               <div class="user-phone">手机</div>
                               <div class="user-create-time">创建时间 <i class="iconfont icon-qiehuan"></i></div>
                               <div class="user-endlogin-time">最后登录时间 <i class="iconfont icon-qiehuan"></i></div>
                               <div class="user-code">二维码</div>
                               <div class="bind-state">绑定状态 <i class="iconfont icon-qiehuan"></i></div>
                               <div class="user-handle">操作</div>
                           </div>
                           <div class="data-list">
                               <table>
                                   <tr>
                                       <td width="50">
                                           <input type="checkbox" id="checkbox-id-1" class="regular-checkbox">
                                           <label for="checkbox-id-1"></label>
                                       </td>
                                       <td width="80">胡端彪</td>
                                       <td width="140">机构账号</td>
                                       <td width="180">123@qq.com</td>
                                       <td width="180">13423003675</td>
                                       <td width="280">2017年5月11日 14：22:33</td>
                                       <td width="280">2017年5月11日 14：22:33</td>
                                       <td width="100">查看</td>
                                       <td width="150">未绑定</td>
                                       <td width="250">
                                           <a href="javascript:;" class="handle_a edit_user_m">修改</a>
                                           <a href="javascript:;" class="handle_a lock_user_m">锁定</a>
                                           <a href="javascript:;" class="handle_a reset_user_m">重置密码</a>
                                       </td>
                                   </tr>
                                   <tr>
                                       <td width="50">
                                           <input type="checkbox" id="checkbox-id-2" class="regular-checkbox">
                                           <label for="checkbox-id-2"></label>
                                       </td>
                                       <td width="80">胡端彪</td>
                                       <td width="140">机构账号</td>
                                       <td width="180">123@qq.com</td>
                                       <td width="180">13423003675</td>
                                       <td width="280">2017年5月11日 14：22:33</td>
                                       <td width="280">2017年5月11日 14：22:33</td>
                                       <td width="100">查看</td>
                                       <td width="150">未绑定</td>
                                       <td width="250">
                                           <a href="javascript:;" class="handle_a edit_user_m">修改</a>
                                           <a href="javascript:;" class="handle_a lock_user_m">锁定</a>
                                           <a href="javascript:;" class="handle_a reset_user_m">重置密码</a>
                                       </td>
                                   </tr>
                               </table>
                           </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery.nicescroll/3.7.0/jquery.nicescroll.js"></script>
    <script src="/resources/src/js/moment.min.js"></script>
    <script src="/resources/src/js/daterangepicker.js"></script>
    <script src="/resources/src/js/main.js"></script>
    <script src="/resources/src/js/admin.js"></script>
</body>
</html>